<template>
  <div class="err_page">
    <div class="err_tip_img flex justify-center ">
      <img src="@/assets/img/slves_icon.png">
    </div>
    <p class="err_tip_title">友情提示</p>
    <template v-if="type==1">
      <p class="err_tip_desc">抱歉，您的照片不合规，请上传情侣真人照片</p>
      <p class="err_tip_desc">(注意，您仅有一次修改的机会，再次违规将无法参与活动)</p>
      <div class="err_btn">
        <router-link to="/uploadMyLove"
                     replace
                     tag="span">重新上传照片</router-link>
      </div>

    </template>
    <template v-if="type==2">
      <p class="err_tip_desc">您查看的爱情主页由于内容违规，已被下架</p>
      <div class="err_btn">
        <router-link to="/"
                     replace
                     tag="span">回到活动首页</router-link>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {
      type: 1 // 1 上传图片err  2 涉黄
    }
  },
  created() {
    this.type = this.$route.params.type || 1
  }
}
</script>

<style lang="scss" >
.err_page {
  text-align: center;
  padding-top: 285px;
  .err_tip_img {
    img {
      width: 108px;
      height: 108px;
    }
  }
  .err_tip_title {
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 50px;
    margin: 24px 0 8px 0;
  }
  .err_tip_desc {
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    line-height: 33px;
  }
  .err_btn {
    width: 520px;
    height: 90px;
    background: #ff8b03;
    border-radius: 45px;
    font-size: 32px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 90px;
    margin: 0 auto;
    margin-top: 58px;
    text-align: center;
  }
}
</style>